{% extends "base.html" %}

{% block content %}
<div class="calendar-container">
    <div class="header">
        <h1>2025年日历 <span class="year-fortune">蛇年大吉</span></h1>
        <div class="user-info">
            <span>{{ current_user.username }}</span>
            <a href="{{ url_for('logout') }}" class="logout-btn">退出</a>
        </div>
    </div>
    <div id="calendar"></div>
</div>

<!-- 备注弹窗 -->
<div id="noteModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>添加备注</h2>
            <span class="close">&times;</span>
        </div>
        <div class="modal-body">
            <textarea id="noteText" rows="4" placeholder="请输入备注内容"></textarea>
            <div class="color-picker">
                <label>背景颜色：</label>
                <input type="color" id="bgColor" value="#ffffff">
            </div>
            <div class="button-group">
                <button id="saveNote" class="primary-btn">保存</button>
                <button id="deleteNote" class="delete-btn">删除</button>
            </div>
        </div>
    </div>
</div>

<script src="{{ url_for('static', filename='js/calendar.js') }}"></script>
{% endblock %} 